<template>
  <div>
    <TbTitle title="（三）、现金流量表" />
    <div style="line-height: 40px;">单位：元</div>
    <table border="" class="m-table-pdf">
      <tr>
        <td style="width: 35%;">项目</td>
        <td style="width: 15%;">行次</td>
        <td style="width: 50%;">金额</td>
      </tr>
      <template v-for="(item, index) in detailInfo">
        <tr v-if="!item.fieldSort">
          <td colspan="3">{{ item.assetTermName }}</td>
        </tr>
        <tr v-else>
          <td>
            {{ item.assetTermName }}
          </td>
          <td>{{ item.fieldSort }}</td>
          <td>
            {{ item.amount }}
          </td>
        </tr>
      </template>
    </table>
  </div>
</template>

<script setup lang="ts">
import TbTitle from '@/views/yearCheck/components/TbTitle.vue'
import { reactive, ref, inject } from 'vue'

let detailInfo = reactive([])
const { getDetailInfo } = inject('getDetailInfo')

getDetailInfo(10).then(res => {
  Object.assign(detailInfo, res.data)
})

</script>
<style lang="scss" scoped>
.msg-tip {
  padding: 20px 0;
  color: #000;

  font-family: '微软雅黑';
}

table.m-table-pdf td {
  height: 38px;
}
</style>
